<h1 style="text-align: center;">{list_cat_title}</h1>

<div class="tools">
    <a style="text-decoration:none; color:#000;" 
    href="{url_add}" 
    onclick="return hs.htmlExpand(this, {
        objectType: 'iframe', width: 900, 
        creditsPosition: 'bottom left', 
        headingEval: 'this.a.title',
        wrapperClassName: 'titlebar' } )" 
    title="{add_new}">
    <input type="button" id="but_add_new" class="but_login" type="button" value=" {add_new} " /></a>
    <input type="button" id="but_show" disabled="disabled" class="but_tool butx" type="button" value=" {show} "  onclick="processChecked('show','{com}')" />
    <input type="button" id="but_hide" disabled="disabled" class="but_tool butx" type="button" value=" {hide} " onclick="processChecked('hide','{com}')" />
    <input type="button" id="but_delete" disabled="disabled" class="but_tool butx" type="button" value=" {delete} " onclick="processChecked('delete','{com}')" />
    <select name="filter" class="filter" onchange="change_filter()">
        <option  title="{select_all}" value="all">{select_all}</option>
        [OPEN list_seo_key]
            [LOOP seo_key]
			  <option {selected}  title="{seo_key_id}" value="{seo_key_id}">{seo_key_name}</option>
            [/LOOP seo_key]
            [LOOP optgroup_open]
			  <optgroup label="{group_seokey}">
            [/LOOP optgroup_open]
            [LOOP optgroup_close]
			  </optgroup>
            [/LOOP optgroup_close]
        [CLOSE list_seo_key] 
    </select>
</div>
<div class="content">
    <div class="paging">{paging}</div>
    <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0">
      <!--Tieu De Bang-->
      <tr class="tbl_header">
        <td align="center" class="cell_1" style="cursor:pointer;"><input onclick="checkAll()" name="all" type="checkbox" value="all" /></td>
        <td align="center" class="cell_2">{title_1}</td>
        <td align="center" class="cell_4">{title_2}</td>
        <td align="center" class="cell_3">{title_3}</td>
      </tr>
      <!--Noi Dung Bang-->
      [OPEN htmlCat]
      [LOOP category]
      <tr class="tbl_content tr{ID} class_{Status}">
        <td class="cell_1"><input name="delId[]" type="checkbox" value="{ID}" /></td>
        <td class="cell_2">
        <a href="{url_edit}/{id}" 
        onclick="return hs.htmlExpand(this, {
            objectType: 'iframe', width: 900, 
            creditsPosition: 'bottom left', 
            headingEval: 'this.a.title',
            wrapperClassName: 'titlebar' } )" 
        title="{edit}: {PremissName} ">{PremissName}</a></td>
          
        <td class="cell_4"><span>{Action}</span></td>
        <td class="cell_3 status{ID}">{{Status}}</td>
      </tr>
      [/LOOP category]
      [CLOSE htmlCat]
    </table>
    <div class="paging">{paging}</div>
</div>   